/**
 * 菜单项类型
 */
export interface MenuItem {
  /** 菜单ID */
  id: string
  /** 图标（支持Emoji或CSS类名） */
  icon?: string
  /** 显示文本 */
  text: string
  /** 标题 */
  title?: string
  /** 子菜单 */
  children?: MenuItem[]
  /** 自定义类名 */
  className?: string
  /** 禁用状态 */
  disabled?: boolean
  /** 点击处理函数 */
  onClick?: (menu: MenuItem, event: JQuery.ClickEvent) => void
  /**
   * 互斥标签 ID - 指定后点击会自动切换为对应的互斥标签
   */
  mutualExclusionId?: string
}

/**
 * 工具栏配置
 */
export interface ToolbarProps {
  /** 工具栏 ID */
  id: string
  /** 菜单项数组 */
  menus: MenuItem[]
  /** 点击回调 */
  onClick?: (menuId: string, parentId?: string) => void
  /** 方向 */
  direction?: 'horizontal' | 'vertical'
  /** 位置 */
  position?: 'left' | 'right'
}

/**
 * 默认配置
 */
export const DEFAULT_TOOLBAR_PROPS: Partial<ToolbarProps> = {
  direction: 'horizontal',
  position: 'right',
}
